<template>
  <div>
    <input type="text" v-model="message">
    <div ref="div">{{ message }}</div>
    <button @click="change">change message</button>
    <div>{{ $filters.format('hello') }}</div>
  </div>
</template>

<script setup lang="ts">
import { ref, nextTick } from 'vue'
const message = ref<string>('message')
const div = ref<HTMLDivElement>()
const change = async () => {
  message.value = 'new message'
  await nextTick()
  console.log(div.value?.innerText)
}

fetch('/api/user/info')
</script>

<style scoped>

</style>